<template>
    <div class='root'>
        <div class='title'>
            <span>推荐商家</span>
        </div>
        <div v-for='item in resList'>
            <TuiJianItem :resItem='item'></TuiJianItem>
        </div>
        <div class="footer">
            <span class='fa fa-spinner fa-spin'></span>
            <span>正在加载更多</span>
        </div>
    </div>
</template>
<script>
    import TuiJianItem from './TuiJianItem'
    export default{
        props:['resList','loadState'],
        components:{
            TuiJianItem,
        },
        
    }
</script>
<style scoped>
    .root{
        color: #5F5F5F; 
    }
    .title{
        font-weight: 600;
        font-size: 1.5rem;
        height: 3rem;
        line-height: 3rem;
    }
    .title span{
        padding-left: 1rem; 
    }
    .footer{
        height: 4rem;
        text-align: center;
        background-color: #f4f4f4;
        line-height: 4rem;
        position: relative;
    }
</style>